import { Canvas } from '@react-three/fiber'
import { Perf } from 'r3f-perf'
import { Leva } from 'leva'
import Expercise from './r3f/base/'

function App() {
  return (
    <div id="app">
      <Leva />
      <Canvas
        flat
        camera={{ position: [0, 3, 3] }}
        shadows
        onPointerMissed={() => console.log('you miss')}
      >
        <Perf position="top-left" />
        <Expercise />
        <axesHelper args={[5]} />
      </Canvas>
    </div>
  )
}

export default App
